iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 25
0
Mobile Development

Android開發系列 第 25

[Day25]簡單的FrameLayout

  • 分享至 

  • xImage
  •  

如果命運註定你的誕生 如果末日始終沒有發生 不要等到來生 讓此時此刻 能不虛此生 -五月天
大家好今天要來介紹佈局中的FrameLayout,FrameLayout比起其他的Layout來說是較為簡單的一種Layout,當我們將元件一一放入布局中時,他會默認將那些元件都放在螢幕的左上角,所以假設我們是放同樣大小的TextView時在螢幕上我們只會最後一個設定的TextView在最上面而其他的TextView會重疊在一起。廢話不多說我們來看看範例吧!

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:foreground="@drawable/africa"
    android:foregroundGravity="right|bottom">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="600dp"
        android:background="#000000"/>

    <TextView
        android:layout_width="400dp"
        android:layout_height="400dp"
        android:background="#ff0000" />

    <TextView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#FFF64D" />

    <TextView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#EC844C"
        android:layout_gravity="right|center"/>
        
    <TextView
        android:layout_width="230dp"
        android:layout_height="230dp"
        android:background="#D4F69D"
        android:layout_gravity="right|bottom"/>    
        
        
</FrameLayout>

在這個畫面中我給他四個TextView,由這四個TextView我們可以知道最先給個元件會在最下層,而第四個TextView是使用layout_gravity將它設置在螢幕的右邊中間,有人可能會問那右下角怎麼還會有個圖片呢,這是使用了android:foreground來設定FrameLayout的前景圖像,它永遠在螢幕的最上面不會被其他元件給覆蓋住,而android:foregroundGravity則是設定前景圖像的位置,在此我將它設定到右下角。

範例圖如下:

圖片來源:
非洲

那今天就示範到這了,謝謝大家的觀看。


上一篇
[Day24]RecyclerView_2
下一篇
[Day26]Spinner的基本功能
系列文
Android開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言